<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ronin="http://primefaces.org/ronin">
    <h:form prependId="false">
        <ronin:menu>
            <p:menuitem id="rm_dashboard" value="Dashboard" outcome="/dashboard.xhtml" icon="fa fa-joomla" />

            <p:submenu id="rm_theme" label="Ronin Theme" icon="fa fa-trophy">
                <p:menuitem id="rm_forms" value="Forms Elements" outcome="/forms.xhtml" icon="fa fa-file-text-o" />
                <p:menuitem id="rm_data" value="Data Components" outcome="/data.xhtml" icon="fa fa-calendar-o" />
                <p:menuitem id="rm_datatable" value="DataTable" outcome="/datatable.xhtml" icon="fa fa-table" />
                <p:menuitem id="rm_panels" value="Panels" outcome="/panel.xhtml" icon="fa fa-list-alt" />
                <p:menuitem id="rm_overlays" value="Overlays" outcome="/overlay.xhtml" icon="fa fa-picture-o" />
                <p:menuitem id="rm_menus" value="Menus" outcome="/menu.xhtml" icon="fa fa-sitemap" />
                <p:menuitem id="rm_messages" value="Messages" outcome="/messages.xhtml" icon="fa fa-comments" />
                <p:menuitem id="rm_fileupload" value="FileUpload" outcome="/file.xhtml" icon="fa fa-cloud-upload" />
                <p:menuitem id="rm_misc" value="Misc" outcome="/misc.xhtml" icon="fa fa-ge" />
            </p:submenu>

            <p:submenu id="rm_default" label="Default Pages" icon="fa fa-newspaper-o">
                <p:menuitem id="rm_empty" value="Empty Page" outcome="/empty-page.xhtml" icon="fa fa-plus-circle" />
                <p:menuitem id="rm_login" value="Login Page" outcome="/login.xhtml" icon="fa fa-sign-in" />
                <p:menuitem id="rm_error" value="Error Page" outcome="/error.xhtml" icon="fa fa-close" />
                <p:menuitem id="rm_404" value="404 Page" outcome="/404.xhtml" icon="fa fa-exclamation-triangle" />
                <p:menuitem id="rm_access" value="Access Denied Page" outcome="/access-denied" icon="fa fa-eye-slash" />
            </p:submenu>

            <p:submenu id="rm_hierarchy" label="Menu Hierarchy" icon="fa fa-sitemap">
                <p:submenu id="rm_sm1" label="Submenu 1" icon="fa fa-folder">
                    <p:submenu id="rm_sm11" label="Submenu 1.1" icon="fa fa-folder">
                        <p:submenu id="rm_sm111" label="Submenu 1.1.1" icon="fa fa-folder">
                            <p:menuitem id="rm_lnk1111" value="Link 1" url="#" icon="fa fa-chain"/>
                            <p:menuitem id="rm_lnk1112" value="Link 2" url="#" icon="fa fa-chain"/>
                            <p:menuitem id="rm_lnk1113" value="Link 3" url="#" icon="fa fa-chain"/>
                        </p:submenu>
                    </p:submenu>
                </p:submenu>
                <p:submenu id="rm_sm2" label="Submenu 2" icon="fa fa-folder">
                    <p:submenu id="rm_sm21" label="Submenu 2.1" icon="fa fa-folder">
                        <p:submenu id="rm_sm211" label="Submenu 2.1.1" icon="fa fa-folder">
                            <p:menuitem id="rm_lnk2111" value="Link 1" url="#" icon="fa fa-chain"/>
                            <p:menuitem id="rm_lnk2112" value="Link 2" url="#" icon="fa fa-chain"/>
                            <p:menuitem id="rm_lnk2113" value="Link 3" url="#" icon="fa fa-chain"/>
                        </p:submenu>
                    </p:submenu>
                </p:submenu>
            </p:submenu>

            <p:menuitem id="rm_icons" value="Font Icons" outcome="/font-icons.xhtml" icon="fa fa-buysellads" />
            <p:menuitem id="rm_docs" value="Documentation" outcome="/documentation.xhtml" icon="fa fa-book" />
        </ronin:menu>
    </h:form>
</ui:composition>